<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="../../css/weui.min.css">
	<link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
<style>
.text-primary{color: #3c9cff;}

.site-wrap{text-align:center;}
.colBox{width:100%}
.colMain{width:100%;display:flex;}
.colMain>.login-box{flex:1}

.login-box{}
.login-box-item{margin:0 34px;padding:10px 20px 20px;background-color: #ffffff;border-radius: 8px;}
.login-box-itemtwo{margin:0 34px;text-align: center;padding: 20px 0 10px;}
.login-box .login-title{text-align:center;margin: 10px 0 20px;}
.login-box .weui-cell.login-cell{margin-bottom:10px;border-radius:24px;}
.login-box .weui-cell.login-cell .weui-cell__hd{width:20px}
.login-box .weui-cell:before{border:none}
.login-box .weui-cell.login-cell .iconfontzz{}
.login-box .daui-input-noborder{height: inherit;padding: 4px 4px;}
.login-box .login-gap{height:46rpx;position:relative;margin: 20px 0;}
.login-box0 .login-gap::after,.login-box0 .login-gap::before{content:"";position:absolute;background-color:#ffffff;display:block;top:-10px;left:-22px;width:25px;height:50px;border-radius: 0 50px 50px 0;background-color: #f6f6f6;border-top: 2px solid #f37b1d;border-right: 2px solid #f37b1d;border-bottom: 2px solid #f37b1d;box-shadow:inset 0px 0px 10px #f37b1d;}
.login-box0 .login-gap::before{left:auto;right:-22px;border-left:1px solid #f37b1d;border-right: none;border-radius:50px 0 0 50px;}

.account-tip{text-align:left;padding:10px;position: fixed;bottom: 11px;}
.account-tip-tit{color: #f37b1d;font-size: 15px;}
.account-tip-desc{color: #bbbbbb;font-size: 12px;}
.account-tip-desc text{color: #f37b1d}
</style>
</head>
<body class="page__bg">

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">登录</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div class="site-wrap">
	<div class="padding-tb-lg" style="filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));">
		<img src="https://www.uucms.com/danceui_res/common/logo.png" mode="widthFix" style="width:70px" />
	</div>
	<div class="colBox">
		<div class="colMain">
			<div class="login-box">
				<div class="login-box-item">
					<form>
						<div class="login-title text-primary">
							登录
						</div>
						<div class="weui-cell login-cell bg-primary-light">
							<div class="weui-cell__hd">
								<text class="iconfontzz icon-mobilefill text-primary"></text>
							</div>
							<div class="weui-cell__bd">
								<input type="number" name="mobile" value="" placeholder="请输入您的手机号码" class="daui-input-noborder" />
							</div>
						</div>
						<div class="weui-cell login-cell bg-primary-light">
							<div class="weui-cell__hd">
								<text class="iconfontzz icon-lock text-primary"></text>
							</div>
							<div class="weui-cell__bd">
								<input type="password" name="password" value="" placeholder="请输入您的密码" class="daui-input-noborder" />
							</div>
							<div class="weui-cell__ft" @tap="togglePassword" style="display: none">
								<text class="icon-attentionfill"></text>
							</div>
						</div>
						<div class="weui-cell margin-bottom" style="padding: 0">
							<div class="weui-cell__bd"></div>
							<div class="weui-cell__ft">
								<a href="忘记密码.html" class="text-sm text-grey">
									忘记密码？
								</a>
							</div>
						</div>
						<div class="">
							<button class="weui-btn daui-btn_primary daui-btn_block round shadow" form-type="submit">登录</button>
						</div>
					</form>
				</div>
				<div class="login-box-itemtwo" @tap="changgeType">
					还没有账号？ <text class="text-orange">立即注册</text>
				</div>
				<div class="login-box-itemtwo">
					<div class="daui-flex">
						<div class="daui-flex__item">
							<button class="weui-btn bg-green daui-btn_sm round" @tap="weixinLoginH5">
								<text class="iconfontzz icon-weixin margin-right-sm"></text>微信登录
							</button>
						</div>
					</div>
				</div>
			</div>
			<div class="login-box" style="display: none">
				<div class="login-box-item">
					<form>
						<div class="login-title">
							注册
						</div>
						<div class="weui-cell login-cell bg-primary-light">
							<div class="weui-cell__hd">
								<text class="iconfontzz icon-mobilefill text-primary"></text>
							</div>
							<div class="weui-cell__bd">
								<input type="number" name="username" v-model="username" placeholder="请输入用户名" />
							</div>
						</div>
						<div class="weui-cell login-cell bg-primary-light">
							<div class="weui-cell__hd">
								<text class="iconfontzz icon-mobilefill"></text>
							</div>
							<div class="weui-cell__bd">
								<input type="number" name="mobile" v-model="mobile" placeholder="请输入手机号码" />
							</div>
						</div>
						<div class="weui-cell login-cell bg-primary-light" v-if="isShowMobilecode">
							<div class="weui-cell__hd">
								<text class="iconfontzz icon-safe"></text>
							</div>
							<div class="weui-cell__bd">
								<input type="number" name="code" :value="mobilecode" placeholder="短信验证码" @input="bindCodeInput"></input>
							</div>
							<div class="weui-cell__ft">
								<div class="daui-btn daui-btn_plain-success daui-btn_xs" @tap="sendMobileCode" :disabled="timeOut">{{timeText}}</div>
							</div>
						</div>
						<div class="weui-cell login-cell bg-primary-light">
							<div class="weui-cell__hd">
								<text class="iconfontzz icon-lock"></text>
							</div>
							<div class="weui-cell__bd">
								<input :type="isShowPassWord?'text':'password'" name="password" value="" placeholder="请设置您的登录密码" />
								<div class="action" @tap="togglePassword">
									<text :class="isShowPassWord?'icon-attentionfill':'icon-attentionforbidfill'"></text>
								</div>
							</div>
						</div>
						<div class="weui-cell login-cell bg-primary-light">
							<div class="weui-cell__bd">
								<div class="daui-agree">
									<div class="daui-agree__chechbox">
										<evan-checkbox v-model="agreementChecked" shape="round">
											阅读并同意
										</evan-checkbox>
										<text class="daui-agree__text" @tap="showAgreement">《用户协议及隐私条款》</text>
									</div>
								</div>
							</div>
						</div>
						<div class="">
							<button class="weui-btn daui-btn_primary daui-btn_block shadow round" form-type="submit">立即注册</button>
						</div>
					</form>
				</div>
				<div class="login-box-itemtwo" @tap="changgeType">
					已有账号？ <text class="text-orange">立即登录</text>
				</div>
			</div>
		</div>
	</div>
	
	<div class="padding-lr-xl account-tip">
		<div class="account-tip-tit"></div>
		<div class="account-tip-desc">
			<text class="text-brown">登录</text>：加盟商及会员可使用手机号密码直接登录、或者使用第三方授权登录
		</div>
		<div class="account-tip-desc">
			<text class="text-brown">注册</text>：注册后等待管理员审核
		</div>
	</div>
	
</div>

<script src="js/jquery.min.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script>
	$('.input-container input').keydown(function(){
		     $(this).parent().next('.delete').show();
	   });
	   $('.input-container input').focus(function(){
		     var Text = $(this).val();
		     if(Text != ""){
			     $(this).parent().next('.delete').show();
			 }else{
			     $(this).parent().next('.delete').hide();
			 } 
	   });
	   // $('.input-container input').blur(function(){
		  //    $(this).parent().next('.delete').hide();
	   // });
	   
	   $('.input-container .delete').on('click',function(){
	      $(this).prev('.flex').find('input').val('');
	      $(this).hide();
	   })
</script>
</body>
</html>